.light_variable {
  --color-mode: "light";
  --font: rgba(0, 0, 0, 0.9);
  --font_gray: rgba(0, 0, 0, 0.6);
  --font-green:#64BB5C;
  --box_bg: #ffffff;
  --bg: #F1F3F5;
  --border: rgba(0, 0, 0, 0.2);
  --border_gary: fade(#000, 20);
  --van_picker__mask_bg: -webkit-linear-gradient(
      top,
      hsla(0, 0%, 100%, 0.9),
      hsla(0, 0%, 100%, 0.4)
    ),
    -webkit-linear-gradient(bottom, hsla(0, 0%, 100%, 0.9), hsla(0, 0%, 100%, 0.4));
  --btn_bg: rgba(0, 0, 0, 0.05);
  --color_blue: #0A59F7;
  // van-notice的字体颜色和背景
  --red_bg_notice: #FCE3DF;
  --red_color_notice: #E84026;
  --red_bg_notice_1: #FDEADE;
  --red_color_notice_1: #ED6F21;
  --red_bg_notice_2: #F2F2F2;
  --red_color_notice_3: #000000;

  --shadow_cell_card: rgba(0, 0, 0, 0.03);
  --blue: #007dff;
  --bg_switch: rgba(225, 225, 225, 1);
  --switch_node_border: #fff;
  // 设备开关按钮的颜色和背景
  --switch_color: #000;
  --switch_active_color: #fff;
  --switch_bg: rgba(0,0,0,0.1);
  --switch_active_bg: #0A59F7;
  --bg_colora59f7:fade(#0A59F7,10);
  // tooltip的背景色和文字颜色
  --tooltip_bg: #404040;
  --tooltip_color: rgba(255, 255, 255, 0.9);
  // van-cell--clickable
  --vancell-clickable_bg: fade(#000, 5);
  // 弹出菜单列背景
  --option_bg_default: #fff;
  --option_bg: fade(#007dff, 10);
  --option_shadow: fade(#000, 20);
  // picker选中项的border颜色
  --picker_border_color: #eee;
  --mode_icon_border_color: fade(#000, 20);
  --mode_icon_border_color_active: rgba(0, 125, 255, 0.2);
  // 纯白和纯黑背景
  --bg_contrast: rgb(255, 255, 255);
  --bg_contrast_instead: rgb(0, 0, 0);
  --bg_blue: #348dff;
  --btn_gray: rgba(0, 0, 0, 0.05);
  --bg_orange: #ff7500;
  --bg_cyan: #00bfc9;
  // 弹窗背景色
  --dialog_bg: rgba(255, 255, 255, 1);
  --dialog_round_bg: rgba(0, 0, 0, 0.05);
  --color_red: #E84026;

  // 浅色模式纯白背景/深色模式纯黑背景时，van-cell点击效果背景
  --vancell-clickable_contrast: var(--bg);
  --bg_green: #47cc47;
  --overlay_bg: rgba(0, 0, 0, 0.5);
  // 用于提示信息标题的黑色字体
  --color_dark_label: rgba(34, 33, 30, 0.9);
  // 用于菜单列表和提示信息的灰色字体
  --color_gray_label: rgba(34, 33, 30, 0.6);
  // 菜单列表项的right-icon颜色
  --gray_icon: rgba(0, 0, 0, 0.38);
  --button_active: #f1f1f1;
  --blue_9: rgba(0, 125, 255, 0.9);
  --gray_bg: #fff;
  // 华为规范色
  // emui color
  // 文本高亮色
  --textColorPrimaryActivated: #3f97e9;
  // 文本选中背景色反色
  --textColorHighlightInverse: fade(#006cdf, 38);
  // 一级文本颜色
  --textColorPrimary: fade(#000, 90);
  // 二级文本颜色
  --textColorSecondary: fade(#000, 60);
  // 三级文本颜色
  --textColorTertiary: fade(#000, 40);
  // 一级文本颜色反色
  --textColorPrimaryInverse: #fff;
  // 二级文本颜色反色
  --textColorSecondaryInverse: fade(#fff, 60);
  // 三级文本颜色反色
  --textColorTertiaryInverse: fade(#fff, 40);
  // 弹出框文本颜色
  --textColorAlertDialogListItem: fade(#000, 90);
  // 控件高亮色
  --ColorControlActivated: #0A59f7;
  // 控件背景色
  --ColorControlNormal: fade(#000, 10);
  // 高亮状态的点击效果颜色
  --ColorControlHighlight: #007dff;
  --emuiColor1: #564AF7;
  --emuiColor2: #46B1E3;
  --emuiColor3: #61CFBE;
  --emuiColor4: #64BB5C;
  --emuiColor5: #A5D61D;
  --emuiColor6: #AC49F5;
  --emuiColor7: #E64566;
  --emuiColor8: #E84026;
  --emuiColor9: #ED6F21;
  --emuiColor10: #F9A01E;
  --emuiColor11: #F7CE00;
  // 开关switch默认背景色
  --switchBgColor: #e1e1e1;
  --scoreOrange: #ff7500;
  --scoreOrangeDisable: #ffba7f;
  --scoreBlue: #00aaef;
  --scoreBlueDisable: #7fd4f7;
  --scoreGreen: #8cd600;
  --scoreGreenDisable: #c5ea7f;
  --toastBg: fade(#000, 70);
  --radio_border: fade(#000, 30);
}
.dark_variable {
  --font: rgba(255, 255, 255, 0.86);
  --font_gray: rgba(255, 255, 255, 0.6);
  --font-green:#5BA854;
  --box_bg: #303030;
  --bg: #000000;
  --border: rgba(255, 255, 255, 0.2);
  --shadow_cell_card: rgba(255, 255, 255, 0.03);
  --border_gary: fade(#fff, 20);
  --van_picker__mask_bg: linear-gradient(
      180deg,
      #262626,
      hsla(0, 0%, 100%, 0.4)
    ),
    -webkit-linear-gradient(0deg, #262626, hsla(0, 0%, 100%, 0.4));
  --btn_bg: rgba(255, 255, 255, 0.1);
  --color_blue: #5291FF;
  // van-notice的字体颜色和背景
  --red_bg_notice: #2B0E0B;
  --red_color_notice: #D94838;
  --red_bg_notice_1: #2C150D;
  --red_color_notice_1: #DB6B42;
  --red_bg_notice_2: #1A1A1A;
  --red_color_notice_3: rgba(255,255,255,0.86);

  --blue: #3f97e9;
  --bg_switch: #666;
  --option_bg_default: #404040;
  --option_bg: #39444f;
  // 弹窗背景色
  --dialog_bg: #363636;
  --dialog_round_bg: rgba(255, 255, 255, 0.1);
  --color_red: #D94838;

  // 开关小圆圈边框
  --switch_node_border: #c3c3c3;
  // 设备开关按钮的颜色和背景
  --switch_color: #fff;
  --switch_active_color: #fff;
  --switch_bg: rgba(255, 255, 255, 0.05);
  --switch_active_bg: #317af7;
  --bg_colora59f7:fade(#317af7,10);
  --vancell-clickable_bg: fade(#000, 10);
  --picker_border_color: #404044;
  --mode_icon_border_color: fade(#fff, 20);
  --mode_icon_border_color_active: rgba(0, 108, 222, 0.2);
  --bg_contrast: rgb(0, 0, 0);
  --bg_contrast_instead: rgb(255, 255, 255);
  --bg_blue: #3f97e9;
  --btn_gray: var(--box_bg);
  --vancell-clickable_contrast: var(--box_bg);
  --color_dark_label: rgba(255, 255, 255, 0.86);
  --color_gray_label: rgba(255, 255, 255, 0.6);
  --gray_icon: fade(#fff, 38);
  --button_active: #3b3b3b;
  --blue_9: rgba(63, 151, 233, 0.9);
  --gray_bg: #404040;
  // emui color
  // 文本高亮色
  --textColorPrimaryActivated: #3f97e9;
  // 文本选中背景色反色
  --textColorHighlightInverse: fade(#006cdf, 38);
  // 一级文本颜色
  --textColorPrimary: fade(#fff, 90);
  // 二级文本颜色
  --textColorSecondary: fade(#fff, 60);
  // 三级文本颜色
  --textColorTertiary: fade(#fff, 38);
  // 一级文本颜色反色
  --textColorPrimaryInverse: #fff;
  // 二级文本颜色反色
  --textColorSecondaryInverse: fade(#fff, 60);
  // 三级文本颜色反色
  --textColorTertiaryInverse: fade(#fff, 38);
  // 弹出框文本颜色
  --textColorAlertDialogListItem: fade(#fff, 90);
  // 控件高亮色
  --ColorControlActivated: #007dff;
  // 控件背景色
  --ColorControlNormal: fade(#fff, 10);
  // 高亮状态的点击效果颜色
  --ColorControlHighlight: #317AF7;
  --emuiColor1: #6259DE;
  --emuiColor2: #4694C2;
  --emuiColor3: #5AADA0;
  --emuiColor4: #5BA854;
  --emuiColor5: #86AD53;
  --emuiColor6: #8C55C2;
  --emuiColor7: #CC5286;
  --emuiColor8: #D94E38;
  --emuiColor9: #DB6B42;
  --emuiColor10: #E08C3A;
  --emuiColor11: #D1A738;
  --switchBgColor: #666;
  // 分数颜色
  --scoreOrange: #ba5500;
  --scoreOrangeDisable: #5d2b00;
  --scoreBlue: #007aac;
  --scoreBlueDisable: #003d56;
  --scoreGreen: #4e7800;
  --scoreGreenDisable: #273c00;
  --toastBg: #262626;
  // 单选框默认边框色
  --radio_border: fade(#fff, 30);
}

// :root {
//   .light_variable;
// }
// @media (prefers-color-scheme: dark) {
//   :root {
//     .dark_variable;
//   }
// }

[data-user-color-scheme="light"] {
  .light_variable;
}
[data-user-color-scheme="dark"] {
  .dark_variable;
}
